@import url(../css/style.css);
@import url(../css/common.css);
body {
  background-color: #fff;
}
header {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 56.8vw;
  background: linear-gradient(180deg, #4481EB 0%, rgba(4, 190, 254, 0) 100%);
}
header .top5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-content: center;
  width: 92vw;
  height: 27.86666667vw;
}
header .top5 .icon-shezhi {
  margin-left: 86.8vw;
  width: 100%;
  font-size: 5.86666667vw;
  color: #fff;
}
header .top5 h3 {
  font-size: 6.4vw;
  font-weight: 500;
  color: #fff;
}
.content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.content .data {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  z-index: 1;
  position: absolute;
  top: 27.86666667vw;
  width: 92vw;
  height: 36.26666667vw;
  background: #FFFFFF;
  box-shadow: 0px 10px 10px 0px rgba(139, 171, 200, 0.3);
  border-radius: 20px;
}
.content .data .data-top {
  margin-bottom: 7.6vw;
}
.content .data .data-top a {
  display: flex;
  align-items: center;
}
.content .data .data-top a .icon-geren {
  margin-left: 2.53333333vw;
  font-size: 8vw;
  color: #828282;
}
.content .data .data-top a span {
  margin-left: 2.53333333vw;
  font-size: 4vw;
  font-weight: 500;
  color: #4F4F4F;
}
.content .data .data-bottom {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.content .data .data-bottom a {
  text-align: center;
  display: block;
}
.content .data .data-bottom a span {
  margin-bottom: 2.8vw;
  font-size: 3.86666667vw;
  font-weight: 500;
  color: #2A2A2A;
}
.content .data .data-bottom a p {
  font-size: 3.2vw;
  color: #4E4E4E;
}
.content .box,
.content .box1,
.content .box2 {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: 92vw;
  background: #FFFFFF;
  border: 0.13333333vw solid #E5E5E5;
  border-radius: 2.66666667vw;
}
.content .box .option,
.content .box1 .option,
.content .box2 .option {
  height: 9.86666667vw;
}
.content .box .option .icon-yuyue,
.content .box1 .option .icon-yuyue,
.content .box2 .option .icon-yuyue,
.content .box .option .icon-dingdan,
.content .box1 .option .icon-dingdan,
.content .box2 .option .icon-dingdan,
.content .box .option .icon-fenqi,
.content .box1 .option .icon-fenqi,
.content .box2 .option .icon-fenqi,
.content .box .option .icon-youhui,
.content .box1 .option .icon-youhui,
.content .box2 .option .icon-youhui,
.content .box .option .icon-gongju,
.content .box1 .option .icon-gongju,
.content .box2 .option .icon-gongju,
.content .box .option .icon-huodong,
.content .box1 .option .icon-huodong,
.content .box2 .option .icon-huodong,
.content .box .option .icon-zixun,
.content .box1 .option .icon-zixun,
.content .box2 .option .icon-zixun,
.content .box .option .icon-bangzhu,
.content .box1 .option .icon-bangzhu,
.content .box2 .option .icon-bangzhu {
  float: left;
  vertical-align: middle;
  height: 9.86666667vw;
  line-height: 9.86666667vw;
}
.content .box .option .icon-yuyue,
.content .box1 .option .icon-yuyue,
.content .box2 .option .icon-yuyue,
.content .box .option .icon-dingdan,
.content .box1 .option .icon-dingdan,
.content .box2 .option .icon-dingdan,
.content .box .option .icon-gongju,
.content .box1 .option .icon-gongju,
.content .box2 .option .icon-gongju,
.content .box .option .icon-huodong,
.content .box1 .option .icon-huodong,
.content .box2 .option .icon-huodong,
.content .box .option .icon-zixun,
.content .box1 .option .icon-zixun,
.content .box2 .option .icon-zixun,
.content .box .option .icon-bangzhu,
.content .box1 .option .icon-bangzhu,
.content .box2 .option .icon-bangzhu {
  font-size: 3.2vw;
}
.content .box .option .icon-fenqi,
.content .box1 .option .icon-fenqi,
.content .box2 .option .icon-fenqi,
.content .box .option .icon-youhui,
.content .box1 .option .icon-youhui,
.content .box2 .option .icon-youhui {
  font-size: 2.93333333vw;
}
.content .box .option a,
.content .box1 .option a,
.content .box2 .option a {
  float: left;
  display: block;
  width: 82.8vw;
  height: 9.86666667vw;
  border-bottom: 0.13333333vw solid #E5E5E5;
  line-height: 9.86666667vw;
}
.content .box .option a span,
.content .box1 .option a span,
.content .box2 .option a span {
  margin-left: 2.13333333vw;
  font-size: 3.6vw;
  color: #262626;
}
.content .box .option a .go,
.content .box1 .option a .go,
.content .box2 .option a .go {
  display: inline-block;
  vertical-align: middle;
  margin-left: 61.33333333vw;
  width: 1.8vw;
  height: 1.8vw;
  transform: rotate(45deg);
  border-top: 0.26666667vw solid #878787;
  border-right: 0.26666667vw solid #878787;
}
.content .box {
  margin-top: 13.33333333vw;
  height: 41.86666667vw;
}
.content .box .option:last-child a {
  border: none;
}
.content .box1,
.content .box2 {
  margin-top: 5.73333333vw;
  height: 21.86666667vw;
}
.content .box1 .option:last-child a,
.content .box2 .option:last-child a {
  border: none;
}
footer a:nth-child(5) {
  background-image: -webkit-linear-gradient(bottom, #4481eb, #04befe);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
